<template>
        <div class="dialog">
            <div class="title">详情</div>
            <div class="wrap1">
                <div><div>系统名称:</div>{{form.projectname}}</div>
                <div><div>上线时间:</div>{{form.onlinetime}}</div>
                <div><div>业务部门:</div>{{form.officeName}}</div>
                <div><div>业主方联系人:</div>{{form.contactsNickName}}</div>
                <div><div>联系电话:</div>{{form.contactsinfo}}</div>
                <div><div>邮箱:</div>{{form.email}}</div>
                <div style="width: 100%;"><div>承建单位:</div>{{form.constunit}}</div>
                <div><div>承建方联系人:</div>{{form.constcts}}</div>
                <div><div>联系电话:</div>{{form.constctsinfo}}</div>
                <div><div>邮籍:</div>{{form.constemail}}</div>
                <div style="width: 100%;"><div style="width: auto;">系统建设（运维）资金来源:</div>{{form.fundFrom}}</div>
                <div style="width: 100%;"><div  style="width: auto;">自行落实部门上云经费:</div>{{form.fundBySelf?'是':'否'}}</div>
                <div style="width: 100%;"><div>项目简介:</div>{{form.introduction}}</div>
                <div style="width: 100%;"><div>申请理由:</div>{{form.remarks}}</div>
            </div>
        </div>
</template>

<script>


export default {
  name: "detail",
  components: {
  },
  props: {
      form:{
        type:Object,
        default:{}
      }
  },
  data() {
    return {

    };
  },
  created() {
  },
  methods: {


  }
};
</script>
<style scoped lang="less">
  .dialog{
    // padding-right: 20px;
    font-size: 12px;
    .title{
      text-align: left;
     margin-bottom: 20px;
     font-size: 16px;
     padding-left: 4px;
     border-left: 4px solid #38b3aa;
    }
    .wrap1{
      padding:0  20px 20px 0px;
      background: #faf9ff;
      display: flex;
      flex-wrap: wrap;
       margin-bottom: 30px;
      // justify-content: space-between;
      border-radius: 10px;
      div{
        margin-top: 20px;
        margin-left: 20px;
        width: calc(33.33% - 20px);
        min-width: 340px;
        display: flex;
        div{
          width: 100px;
          min-width:100px;
          font-weight: bold;
          margin: 0;
          display: flex;
          padding-right: 10px;
          justify-content: flex-end;
          color: #606266;
        }
      }
    }
    .wrap2{
      padding:0  20px 20px 20px;
      background: #faf9ff;
       margin-bottom: 30px;
      justify-content: space-between;
      border-radius: 10px;
      div{
        margin-top: 20px;
      }
    }
    .wrap3{
      padding:20px;
      background: #faf9ff;
      margin-bottom: 30px;
      justify-content: space-between;
      border-radius: 10px;
    }
  }
</style>
